layui.use(['echarts'], function() {
	let echarts = layui.echarts;

	var line3 = echarts.init(document.getElementById('line3'));

	const colorList = ["#9E87FF", '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF']
	
	option = {
	    backgroundColor: '#fff',
	    title: {
	        text: "告警数",
	        left: "18px",
	        top: "0",
	        textStyle: {
	            color: "#999",
	            fontSize: 12,
	            fontWeight: '400'
	        }
	    },
	    color: ['#73A0FA', '#73DEB3', '#FFB761'],
	    tooltip: {
	        trigger: 'axis',
	        axisPointer: {
	            type: 'cross',
	            crossStyle: {
	                color: '#999'
	            },
	            lineStyle: {
	                type: 'dashed'
	            }
	        }
	    },
	    grid: {
	        left: '25',
	        right: '25',
	        bottom: '24',
	        top: '75',
	        containLabel: true
	    },
	    legend: {
	        data: [ '上周', '本周'],
	        orient: 'horizontal',
	        icon: "rect",
	        show: true,
	        left: 20,
	        top: 25,
	    },
	    xAxis: {
	        type: 'category',
	        data: ['爱立信端局', '中兴端局', '爱立信HSS', '中兴HSS', '华为HSS', '华为智能网', '中兴VIMS'],
	        splitLine: {
	            show: false
	        },
	        axisTick: {
	            show: false
	        },
	        axisLine: {
	            show: false
	        },
	    },
	    yAxis: {
	        type: 'value',
	        // max: max_value>=100? max_value + 100: max_value+10,
	        // max: max_value > 100 ? max_value * 2 : max_value + 10,
	        // interval: 10,
	        // nameLocation: "center",
	        axisLabel: {
	            color: '#999',
	            textStyle: {
	                fontSize: 12
	            },
	        },
	        splitLine: {
	            show: true,
	            lineStyle: {
	                color: '#F3F4F4'
	            }
	        },
	        axisTick: {
	            show: false
	        },
	        axisLine: {
	            show: false
	        },
	    },
	    series: [{
	            name: '上周',
	            type: 'line',
	            smooth: true,
	            data: [1800,1000,2000,1000,500,100,1200]
	        },
	        // {
	        //     name: '钱包笔数',
	        //     type: 'line',
	        //     smooth: true,
	        //     data: [13,54,34,344,35,53]
	        // },
	        {
	            name: '本周',
	            type: 'line',
	            smooth: true,
	            data: [1700,999,1100,899,199,99,1000]
	        }
	    ]
	};
	
	line3.setOption(option);

	window.onresize = function() {
		line3.resize();
	}
})
